<template>
  <div class="home_container">
    
    <div class="titleBox">
      <span class="text">驾驶舱一</span>
    </div>
    <iframe :src="url" frameborder="0" width="800" height="800"></iframe>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
import { BorderBox1 as DvBorderBox1 } from '@kjgl77/datav-vue3'

const activeName = ref('1')
const url = ref('https://chat-next-web-ashen.vercel.app')
</script>

<style scoped lang="scss">
// @import './index.scss';
.home_container{
  --at-apply: w-full h-full;
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  background:-webkit-linear-gradient(top, #002a78, #021b6f);
}
.titleBox{
    position: relative;
    flex-shrink: 0;
    background-image: url('/@/assets/index/titbj.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
    width: 100%;
    height: 70px;
    z-index: 10;
    margin:0;
    display: flex;
    justify-content: center;
	  align-items: center;
    .text{
        font-weight: bold;
        color: #44a6ff;
        background-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#56a4ff));
        font-size: 40px;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
        letter-spacing: 2px;
        margin-bottom: 12px;
    }
    
}
.mainBox{
  flex: 1;
}
</style>